<script>
    layui.link(winui.path + 'css/lockscreen.css');
</script>
<div class="lock-body">
    <div id="login_div" class="animated fadeIn layui-hide">
        <img src="/static/logo.png" />
        <p id="user_name">GoDo</p>
        <div class="layui-form winui-from">
            <div class="layui-form-item">
				<input placeholder="账 户" value="" name="username" id="username" lay-verify="required" hover class="layui-input"  />
			</div>
			<!--div class="layui-form-item">
				<input placeholder="密 码" name="password" value="" lay-verify="required" hover class="layui-input" type="password" />
			</div-->
			<div class="layui-form-item">
				<input placeholder="验证码" name="captcha" id="captcha"  hover  lay-verify="required" class="codes"  />
				<img src="" id="codeImage" class="codeImage" />
			</div>
            <div class="winui-from-group">
                <input type="password" name="password" id="password" value="" placeholder="密码" height="36" />
                <button id="unlock"><i class="fa fa-arrow-right"></i></button>
            </div>
        </div>
    </div>
    <div id="date_time" class="animated fadeIn"></div>
</div>
<script type="text/javascript">
    var Week = ['日', '一', '二', '三', '四', '五', '六'];
    var dateTime = new Date();
    document.getElementById('date_time').innerHTML = '<p id="time">' + (dateTime.getHours() > 9 ? dateTime.getHours().toString() : '0' + dateTime.getHours()) + ':' + (dateTime.getMinutes() > 9 ? dateTime.getMinutes().toString() : '0' + dateTime.getMinutes()) + '</p><p id="date">' + (dateTime.getMonth() + 1) + '月' + dateTime.getDate() + '日,星期' + Week[dateTime.getDay()] + '</p>';
    //console.log($)
</script>